<template>
  <div>
     <h1>我是子组件</h1>
     <h1>父组件传来的总价是：{{totalPrice}}</h1>
     <h1>父组件传来的城市：{{cityName}}</h1>
     <h1 v-for="(item,index) in starList" :key="index">
       {{item}}
     </h1>
  </div>
</template>
<script>
export default {
  // vue的数据流 是单向数据流
  //  父传子的数据一般不在子组件中改变 容易发生错乱
  //  改变传递的数据 去父组件中修改
  name:"cartSon",
  // props:["totalPrice","cityName","starList"],//数组写法
  props:{ //对象写法
      totalPrice:{
        type:String,
        default:"0" //默认值
      },
      cityName:{
        type:String,
        default:"北京"
      },
      starList:{
        type:Array,
        required:true,//必传属性
      //  default:()=>[] //默认值
      }
  },
  data(){
    return {}
  },
  mounted(){
    console.log(this.totalPrice,"---")
  }
  // vue的父传子数据  
  // 1.先在子组件定义props数据
  // 2.在父组件中用v-bind传参 v-bind简写成：

}
</script>